import { cn } from "@/lib/utils"
import { useSelector } from "react-redux";

function Footer() {
    const isDark = useSelector((state: {
        theme: {
            flag: boolean
        }
    }) => state.theme.flag);
    return (
        <footer className="relative z-auto" style={{
            boxShadow: isDark ? `rgb(36 36 36) 0px -8px 20px 3px` : `rgb(255 255 255) 0px -8px 20px 3px`,
        }}>
            {/* 底部内容 */}
            <div className={
                cn("bg-white dark:bg-bigDarkArea text-center py-4 shadow-outline")
            }>
                <p>© 2023 Your Blog Name. All rights reserved.</p>
                <p>Made with ❤️ by You</p>
            </div>
        </footer>
    )
}

export default Footer